<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>朔望 -用户创建</title>
    <!--    Rem初始-->
    <script src="/Syzygy/static/js/RemInitialize.js"></script>
</head>
<body id="body" style="margin: 0 0 ;padding: 0 0;background-color: rgb(230,230,230);">
<!--    返回-->
<a href="/Syzygy">
    <div style="position:fixed;width: 0.1rem;height: 0.51rem ">
    </div>
</a>
<a href="/Syzygy">
    <div style="position:fixed;right:0;width: 0.1rem;height: 0.51rem ">
    </div>
</a>

<!--卡片-->
<div style="background-color: rgb(200,200,200);width: 0.8rem;height: 0.5rem;margin: 0.005rem auto;border-radius: 0.03rem;overflow: hidden">
    <div style="width: 0.7rem;height:0.4rem;margin: 0.05rem 0.05rem;font-size: 0.015rem">
        <form id="userForm" action="/Syzygy/User/" method="post" enctype="multipart/form-data"
        onsubmit="return checkCreateUser()">
            <div style="display: block;width: 0.7rem;height: 0.14rem;">
                <div style="float:left;width: 0.35rem;height: 0.14rem;background-color: rgb(220,220,220);display: flex;justify-content: center;align-items: center">
                    <img id="imagePreview" src="" style="display: block;max-width: 0.35rem;max-height: 0.14rem">
                </div>
                <p id="info"
                   style="float:right;margin: 0 0;padding: 0 0;height: 0.14rem;width: 0.35rem;font-size: 0.01rem;background-color: rgb(210,210,210);text-align: center"></p>
            </div>
            请选择头像：
            <input id="headSculptureFile" name="file" type="file" style="display: block;background-color:rgb(190,190,190);width: 0.7rem;height: 0.02rem;font-size: 0.012rem">
            请填写昵称：
            <input id="nickname" name="nickname" type="text" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.02rem">
            请填写手机号：
            <input id="phone" name="phone" type="text" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.02rem">
            请填写用户名：
            <input id="username" name="username" type="text" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.02rem">
            请填写密码：
            <input id="password" name="password" type="password" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.02rem">
            请填写个人介绍：
            <input id="personalIntroduction" name="personalIntroduction" type="text" style="display: block;background: rgb(190,190,190);width: 0.7rem;height: 0.02rem">
            <button onclick="cropImage()" style="height: 0.02rem;width: 0.09rem"></button>
            <input type="submit" style="display: block;float: right;height: 0.02rem;width: 0.09rem">
        </form>
    </div>
</div>
</body>
<script src="/Syzygy/static/js/userCreateCard.js"></script>
</html>